html.theme-blue {
  color: #fff;
  --my-text-color: #e1efff !important;
  --dark-bg-color: #0a3c75; //深色背景颜色
  --el-fill-color-light: #0a3c75; //element-ui背景颜色
  --el-border-color: #1158a8;
  --el-border-color-hover: #0f539f !important; // 边框悬浮颜色   分页下拉框控件边框悬浮
  --el-input-text-color: #ffffff; //输入框里的颜色
  --el-disabled-bg-color: #092f60 !important; //
  --el-text-color-placeholder: #fff !important;
  --el-bg-color-overlay: #0d3367 !important;
  --el-border-color-light: #0d3367 !important;
  --el-input-number-symbol-bg-color: #042446;
  --el-text-color-regular: #fff;
  --el-input-bg-color: #002248 !important;
  --el-text-color-primary: #fff; //日期选择框"到"的color等
  #app {
    .permission-tree {

      .el-tree {
        background-color: transparent;
      }

      .el-drawer__header {
        color: #fff;
      }
    }

    // 场景列表
    .scenes-list-card-container .scene-card {
      background-color: #0e4885;

      .taskList span {
        color: #fff;
      }

      .cluster-name {
        color: #fafafa;
      }

      .scene-card__cover {
        background: #001f48;
      }

      .scene-card__title,
      .scene-card__comment {
        color: #fff;
      }

      .scene-card__description {
        background: #001f48;
      }

      // 场景卡片悬浮效果
      &:hover {
        transform: translateY(-4px) scale(1.01);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3);
        background: linear-gradient(
          135deg,
          #0a4c8d 0%,
          #0a3c75 50%,
          #063366 100%
        );
        z-index: 1;

        &::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-image: linear-gradient(
              45deg,
              rgba(13, 51, 103, 0.25) 25%,
              transparent 25%
            ),
            linear-gradient(
              -45deg,
              rgba(13, 51, 103, 0.25) 25%,
              transparent 25%
            ),
            linear-gradient(45deg, transparent 75%, rgba(13, 51, 103, 0.25) 75%),
            linear-gradient(
              -45deg,
              transparent 75%,
              rgba(13, 51, 103, 0.25) 75%
            );
          background-size: 24px 24px;
          background-position: 0 0, 0 12px, 12px -12px, -12px 0px;
          opacity: 0.8;
          transition: opacity 0.4s ease;
          z-index: 0;
          border-radius: 16px;
        }
      }
    }

    .module-title,
    .new-btn {
      color: #fff;
    }

    .acl-table,
    .firewall-tab {
      box-shadow: none;
    }

    .firewall-tab {
      border: 1px solid #d1d9e6;
      padding: 10px 15px;
      color: #fff;
    }

    .xfv-icon-back {
      font-size: 25px;
    }

    .el-table th.el-table__cell {
      background-color: #0a3c75;
    }

    // 树
    .vm-manage-left {
      background-color: transparent;

      .el-tree {
        background-color: transparent;

        .el-tree-node.is-current > .el-tree-node__content {
          background-color: #0a3c75;
        }

        .el-tree-node__content:hover {
          background: #0b3367;
        }
      }

      .vm-manage-contextmenu {
        background-color: rgba(11, 51, 103, 1);
        border: 1px solid #0073f3;

        .vm-manage-contextmenu-title {
          background: transparent;
        }

        li:hover {
          background-color: #0b3367;
        }
      }

      .vm-manage-running {
        color: #fff;
      }

      .vm-manage-contextmenu-icon {
        svg {
          color: #fff;
        }
      }

      .vm-manage-contextmenu-disabled {
        .vm-manage-contextmenu-icon {
          svg {
            color: #999;
          }
        }
      }

      .vm-manage-overviews-probeBox {
        margin-top: 20px;
      }
    }

    // 虚拟机、容器、vpc、沙箱
    .vm-manage-overviews .vm-manage-overviews-common,
    .vm-manage-vm-container,
    .docker-logs-container,
    .vpc-network-overviews-common,
    .vpc-network-vm-container {
      border: 0.01rem solid #0f539f;
    }

    .vm-manage-container .vm-manage-move {
      background-color: #0f539f;
    }

    .vm-manage-overviews-common-title,
    .vm-manage-list .vm-manage-list-item-active,
    .vpc-network-list-item-active,
    .vpc-network-overviews-common-title {
      background-color: #0a3c75;
    }

    .vm-manage-hardware-target-name,
    .vm-manage-hardware-target-value {
      border-top: 0.01rem solid #0f539f;
      border-left: 0.01rem solid #0f539f;
    }

    .vm-manage-hardware-target {
      border-right: 0.01rem solid #0f539f;
      border-bottom: 0.01rem solid #0f539f;
    }

    .vm-manage-hardware-target-item:hover,
    .vm-manage-hardware-target-item-active {
      background-color: #0a3c75;
    }

    .add-vm-manage-container .el-dialog__body {
      background-color: #0b3367;

      .add-vm-manage-content {
        background-color: #0a3c75;

        .el-tabs__item.is-active {
          background-color: #0b3367;
        }
      }
    }

    .add-docker-manage-dialog,
    .add-vm-manage-container {
      .el-tabs .el-tabs__item {
        color: #fff;
      }
    }
  }

  .el-menu {
    background-color: #001b39;

    .el-sub-menu__title:hover,
    .basic-menu-item:hover,
    .el-menu-item:hover {
      background-color: #002e63; // 悬浮效果
    }
    .el-menu-item.is-active {
      background-color: #0073f3; // 悬浮效果
      color: #fff;
    }
    .el-sub-menu .el-menu-item {
      background-color: #001226 !important;
    }
  }

  .el-loading-mask {
    background-color: rgb(0, 37, 78, 0.6) !important;
  }

  .el-card {
    color: var(--my-text-color);
    background-color: #062854;
  }
  

  // .el-table th.is-leaf {
  //   background-color:  var(--dark-bg-color) !important;
  //   color: #97c8ff !important;
  // }
  .el-input__inner {
    border-color: rgba($color: #000000, $alpha: 0.15);
  }

  .el-table {
    --el-table-bg-color: #00254e !important; // 表格基础背景色
    --el-table-header-bg-color: #0a3c75 !important; // 表格表头背景色
    // --el-table-border: none !important; // 表格边框
    --el-table-row-hover-bg-color: #0b3367 !important; // 表格悬浮背景色
    --el-table-border-color: #0e4885 !important;

    thead {
      color: #97c8ff;
      font-family: MicrosoftYaHei;
    }

    th {
      .cell {
        font-weight: 200;
        color: #97c8ff;
        font-family: MicrosoftYaHei;
      }
    }

    td {
      .cell {
        color: #e5f6ff;
        white-space: nowrap;
      }
    }

    td.is-leaf {
      border-bottom: 1px solid var(--dark-bg-color);
    }

    .current-row.current-row > td.el-table__cell {
      background-color: #0b3367 !important;
    }

    // .el-table__row:hover {
    //   background: rgba(14, 95, 255, 0.5) !important;
    // }
    // .hover-row {
    //   background-color: #0b3367 !;
    // }
    // 斑马格子单
    .zebra-one {
      background-color: #002046;
    }

    // 斑马格双
    .zebra-two {
      background-color: #042857;
    }

    .el-table__row {
      background-color: #062144;
    }
  }

  //   按钮样式修改

  .el-button {
    // --el-button-font-weight: var(--el-font-weight-primary);
    --el-button-border-color: #0073f3; // 按钮边框颜色
    --el-button-bg-color: #092f60; // 按钮背景颜色
    --el-button-text-color: #ffffff; // 按钮字体颜色
    // --el-button-disabled-text-color: var(--el-disabled-text-color);
    // --el-button-disabled-bg-color: var(--el-fill-color-blank);
    // --el-button-disabled-border-color: var(--el-border-color-light);
    // --el-button-divide-border-color: #0073f3;
    --el-button-hover-text-color: #ffffff;
    --el-button-hover-bg-color: #092f60;
    --el-button-hover-border-color: #0073f3;
    --el-button-active-text-color: #ffffff;
    --el-button-active-border-color: #092f60;
    --el-button-active-bg-color: #092f60;
    // --el-button-outline-color: var(--el-color-primary-light-5);
    // --el-button-hover-link-text-color: var(--el-color-info);
    // --el-button-active-color: var(--el-text-color-primary);
  }

  .el-button--primary {
    // --el-button-font-weight: var(--el-font-weight-primary);
    --el-button-border-color: #0073f3; // 按钮边框颜色
    --el-button-bg-color: #0073f3; // 按钮背景颜色
    --el-button-text-color: #ffffff; // 按钮字体颜色
    // --el-button-disabled-text-color: var(--el-disabled-text-color);
    // --el-button-disabled-bg-color: var(--el-fill-color-blank);
    // --el-button-disabled-border-color: var(--el-border-color-light);
    // --el-button-divide-border-color: #0073f3;
    --el-button-hover-text-color: #ffffff;
    --el-button-hover-bg-color: #0073f3;
    --el-button-hover-border-color: #0073f3;
    --el-button-active-text-color: #ffffff;
    --el-button-active-border-color: #0073f3;
    --el-button-active-bg-color: #0073f3;
    // --el-button-outline-color: var(--el-color-primary-light-5);
    // --el-button-hover-link-text-color: var(--el-color-info);
    // --el-button-active-color: var(--el-text-color-primary);
    &.is-text {
      --el-button-text-color: #0073f3; // 按钮字体颜色
    }
  }

  .el-button.is-loading:before {
    background-color: transparent;
  }

  .el-button--warning {
    // --el-button-font-weight: var(--el-font-weight-primary);
    --el-button-border-color: #e46d00; // 按钮边框颜色
    --el-button-bg-color: #e46d00; // 按钮背景颜色
    --el-button-text-color: #ffffff; // 按钮字体颜色
    // --el-button-disabled-text-color: var(--el-disabled-text-color);
    // --el-button-disabled-bg-color: var(--el-fill-color-blank);
    // --el-button-disabled-border-color: var(--el-border-color-light);
    // --el-button-divide-border-color: #0073f3;
    --el-button-hover-text-color: #ffffff;
    --el-button-hover-bg-color: #e46d00;
    --el-button-hover-border-color: #e46d00;
    --el-button-active-text-color: #ffffff;
    --el-button-active-border-color: #e46d00;
    --el-button-active-bg-color: #e46d00;
    // --el-button-outline-color: var(--el-color-primary-light-5);
    // --el-button-hover-link-text-color: var(--el-color-info);
    // --el-button-active-color: var(--el-text-color-primary);
  }

  .el-button--info {
    // --el-button-font-weight: var(--el-font-weight-primary);
    --el-button-border-color: #567dab; // 按钮边框颜色
    --el-button-bg-color: #567dab; // 按钮背景颜色
    --el-button-text-color: #e7edf0; // 按钮字体颜色
    // --el-button-disabled-text-color: var(--el-disabled-text-color);
    // --el-button-disabled-bg-color: var(--el-fill-color-blank);
    // --el-button-disabled-border-color: var(--el-border-color-light);
    // --el-button-divide-border-color: #0073f3;
    --el-button-hover-text-color: #e7edf0;
    --el-button-hover-bg-color: #567dab;
    --el-button-hover-border-color: #567dab;
    --el-button-active-text-color: #e7edf0;
    --el-button-active-border-color: #567dab;
    --el-button-active-bg-color: #567dab;
    // --el-button-outline-color: var(--el-color-primary-light-5);
    // --el-button-hover-link-text-color: var(--el-color-info);
    // --el-button-active-color: var(--el-text-color-primary);
  }

  .el-button--danger {
    --el-button-text-color: #fff;
    --el-button-bg-color: #f56c6c;
    --el-button-border-color: #f56c6c;
    --el-button-outline-color: #fab6b6;
    --el-button-active-color: #f56c6c;
    --el-button-hover-text-color: #fff;
    --el-button-hover-link-text-color: #fab6b6;
    --el-button-hover-bg-color: #f89898;
    --el-button-hover-border-color: #f89898;
    --el-button-active-bg-color: #f56c6c;
    --el-button-active-border-color: #f56c6c;
    --el-button-disabled-text-color: #fff;
    --el-button-disabled-bg-color: #fab6b6;
    --el-button-disabled-border-color: #fab6b6;
  }

  .el-button.is-text:not(.is-disabled):hover {
    background-color: transparent;
  }

  .el-button.is-disabled,
  .el-button.is-disabled:hover {
    background-color: transparent;
    border: none;
    box-shadow: 0 0 0 1px #e4e7ed36 inset;
  }

  .el-color-picker__trigger {
    border: none;
  }

  .el-transfer {
    --el-transfer-border-color: #0073f3;
    --el-transfer-panel-header-bg-color: '#1158a8';
    color: #fff;
  }

  .el-transfer-panel .el-checkbox .el-checkbox__label {
    color: #fff;
  }

  .el-transfer-panel {
    background-color: #002248;
  }

  // 输入框样式修改
  .el-textarea,
  .el-input {
    --el-input-text-color: #ffffff !important;
    --el-input-border: #1158a8 !important;
    --el-input-hover-border: #0073f3 !important;
    --el-input-focus-border: #0073f3 !important;
    --el-input-transparent-border: 0 0 0 1px transparent inset !important;
    --el-input-border-color: #1158a8 !important;
    --el-input-border-radius: 4px;
    --el-input-bg-color: #002248 !important;
    --el-input-hover-border-color: #0073f3 !important;
    // --el-input-icon-color: var(--el-text-color-placeholder);
    // --el-input-placeholder-color: var(--el-text-color-placeholder);
    // --el-input-hover-border-color: var(--el-border-color-hover);
    // --el-input-clear-hover-color: var(--el-text-color-secondary);
    // --el-input-focus-border-color: var(--el-color-primary);
    --el-input-width: 100%;
    // --el-input-height: var(--el-component-size);
  }
  //   日期选择框样式修改
  .el-date-editor {
    --el-input-bg-color: #002248;
  }
  .is-disabled .el-input__wrapper {
    background-color: transparent;
    box-shadow: 0 0 0 1px #e4e7ed36 inset;
  }

  .el-input-number__decrease,
  .el-input-number__increase {
    background-color: var(--el-input-number-symbol-bg-color);
    border: none !important;
    color: #fff !important;
    //height: 30px !important;
  }

  // 下拉框样式修改
  .el-select {
    --el-select-border-color-hover: #0f539f !important;
    // --el-select-disabled-color: var(--el-disabled-text-color);
    // --el-select-disabled-border: var(--el-disabled-border-color);
    // --el-select-font-size: var(--el-font-size-base);
    // --el-select-close-hover-color: var(--el-text-color-secondary);
    // --el-select-input-color: var(--el-text-color-placeholder);
    // --el-select-multiple-input-color: var(--el-text-color-regular);
    // --el-select-input-focus-border-color: var(--el-color-primary);
    // --el-select-input-font-size: 14px;
    // --el-select-width: 100%;
  }

  .el-select__wrapper {
    background-color: #002248;
    box-shadow: 0 0 0 1px #1158a8 inset;

    &:hover {
      box-shadow: 0 0 0 1px #1158a8 inset;
    }
  }

  .el-select__wrapper.is-disabled {
    background-color: transparent;
    color: #ccc;
    box-shadow: 0 0 0 1px #e4e7ed36 inset;

    &:hover {
      box-shadow: 0 0 0 1px #e4e7ed36 inset;
    }
  }

  .el-select__placeholder {
    color: #ffffff;
  }

  .el-switch__label.is-active {
    color: #409eff;
  }

  .el-switch__label {
    color: #ccc;
  }

  // 分页样式修改

  .el-pagination {
    --my-button-color: #ffffff !important;
    --my-button-border-color: #0f539f !important;
    --el-pagination-button-color: #ffffff !important;
    --el-pagination-button-bg-color: #092f60 !important; // 按钮背景颜色
    --el-pagination-hover-color: #ffffff !important; // 上一页下一页悬浮字体颜色
    --el-pagination-button-disabled-bg-color: #092f60 !important; // 按钮背景颜色

    .el-pagination__jump,
    .el-pagination__sizes,
    .el-pagination__total {
      color: var(--my-button-color) !important;
    }

    .btn-next,
    .btn-prev,
    .el-pager li.number {
      background-color: var(--el-pagination-button-bg-color) !important;
      color: var(--my-button-color) !important;
      border: 1px solid var(--my-button-border-color) !important;
    }

    .el-pager li.is-active {
      background-color: var(--el-button-border-color) !important;
      border: 1px solid var(--el-button-border-color) !important;
    }

    .more {
      border: 1px solid var(--my-button-border-color) !important;
    }
  }

  // 分页下拉框
  .el-popper__arrow:before {
    background-color: var(--el-button-active-bg-color) !important;
    border: 1px solid var(--el-button-border-color) !important;
  }

  .el-select-dropdown__empty,
  .el-select-dropdown__wrap {
    border-radius: 4px;
    background-color: #0d3367;
    color: #a9cff6;
    border: none;
  }

  .el-cascader-menu {
    color: #a9cff6;
  }

  .el-cascader-node {
    border-radius: 4px;
    margin: 10px;
  }

  .el-cascader-node:hover {
    background-color: #0073f3;
  }

  .el-cascader-node.in-active-path,
  .el-cascader-node.is-active,
  .el-cascader-node.is-selectable.in-checked-path {
    background-color: #0073f3;
    color: #fff;
  }

  .el-popper {
    color: var(--my-text-color);
    border-radius: 4px;
    border: none;
    background-color: #0b3367;
    box-shadow: 0px 12px 42px rgba(1, 16, 39, 0.24);
    border: 1px solid #0073f3;

    .el-select-dropdown {
      box-shadow: 0 0 0 1 #0073f3 inset;
      // border: 1px solid #0073f3;
    }
  }

  .taskListPopper.el-popper {
    border: none;
    box-shadow: none;
  }

  .el-select-dropdown__item.is-selected,
  .el-select-dropdown__item.is-hovering {
    color: var(--my-text-color);
    background-color: #0073f3;
  }

  .el-select-dropdown__item {
    color: #a9cff6;
  }

  .el-select-group .el-select-dropdown__item {
    padding-right: 14px;
  }

  .el-select-dropdown__item.is-disabled {
    color: #888;
  }

  .el-select-dropdown__item.is-disabled:hover {
    background-color: #8181813d;
    color: #ccc;
  }

  // 小菜单导航栏下拉框  样式修改
  .router-history-blue {
    background: #002246 !important;
    border-color: #002246 !important;
  }

  .historyClass {
    color: #6797c9;
  }

  .historyTab {
    .el-tabs__item.is-active {
      background-color: #0073f3 !important;
      color: var(--my-text-color) !important;
      border-radius: 2px;

      .historyClass {
        color: var(--my-text-color);
      }
    }
  }

  .contextMenu,
  .contextmenu {
    background-color: #094585;
    border: none;
    color: #a9cff6;

    li:hover {
      background-color: #0073f3;
      color: #ffffff;
    }
  }

  .el-drawer,
  .el-dialog {
    --el-dialog-bg-color: #0b3367;
    background-color: var(--el-dialog-bg-color);
    color: var(--my-text-color) !important;

    .el-dialog__title {
      color: var(--my-text-color);
    }

    .el-dialog__header {
      padding: 2px 10px 8px 10px;
      border-bottom: 1px solid #1158a8;
    }
  }

  .setting-theme {
    .el-drawer__header {
      margin-bottom: 6px;
    }

    .el-drawer__title {
      color: #fff;
    }
  }

  .el-form-item__label {
    color: var(--my-text-color);
  }

  .el-tabs {
    .el-tabs__item.is-active {
      color: #0073f3;
    }

    .el-tabs__item {
      color: #6797c9;
    }

    .el-tabs__nav-wrap:after {
      background-color: #0d4a8e;
    }

    .el-tabs__active-bar {
      background-color: #0073f3;
    }
  }

  // 弹出消息 删除框
  .el-message-box {
    --el-messagebox-title-color: var(--my-text-color);
    --el-messagebox-width: 420px;
    --el-messagebox-border-radius: 4px;
    --el-messagebox-box-shadow: var(--el-box-shadow);
    --el-messagebox-font-size: var(--el-font-size-large);
    --el-messagebox-content-font-size: var(--el-font-size-base);
    --el-messagebox-content-color: var(--el-text-color-regular);
    --el-messagebox-error-font-size: 12px;
    --el-messagebox-padding-primary: 12px;
    --el-messagebox-font-line-height: var(--el-font-line-height-primary);
    background-color: #0b3367;

    .el-message-box__content {
      color: var(--my-text-color);
    }
  }

  .el-text {
    color: var(--el-text-color);
  }

  .el-progress__text {
    color: var(--my-text-color);
  }

  .el-collapse {
    border: none;

    .el-collapse-item__wrap,
    .el-collapse-item__content {
      background: #0a2850;
      color: var(--my-text-color);
      padding-bottom: 0px;
    }

    .el-collapse-item__header {
      background: #0a2850;
      color: var(--my-text-color);
      padding: 0 15px;
    }

    .el-collapse-item__header,
    .el-collapse-item__wrap {
      border: none;
    }
  }

  /* ---el-table滚动条公共样式--- */
  ::-webkit-scrollbar {
    width: 8px;
    /* 设置滚动条的宽度 */
    height: 8px;
    /* 设置滚动条的高度 */
  }

  /* 滚动条轨道的样式 */
  ::-webkit-scrollbar-track {
    background: #002658;
    /* 设置轨道的背景颜色 */
  }

  /* 滚动条的样式 */
  ::-webkit-scrollbar-thumb {
    background: #175292;
    /* 设置滚动条的背景颜色 */
    border-radius: 5px;
    /* 设置滚动条的圆角 */
  }

  /* 当鼠标悬停在滚动条上时的样式 */
  ::-webkit-scrollbar-thumb:hover {
    background: #175292;
    /* 设置鼠标悬停时滚动条的背景颜色 */
  }

  .el-radio-button__inner {
    color: var(--my-text-color);
    background-color: #093875;
    border: 1px solid #0073f3 !important;
    border-radius: 4px;
  }

  .el-radio-button__original-radio:disabled + span {
    color: #eee !important;
  }

  .el-radio__label {
    color: #fff;
  }

  .el-radio-button__original-radio:checked + .el-radio-button__inner {
    background-color: #0073f3;
    box-shadow: none;
    border: 1px solid #0073f3 !important;
  }

  .admin-box {
    background-color: #01142c;
  }

  .el-descriptions__body {
    background-color: transparent;

    .el-descriptions__table {
      border-collapse: separate;
      width: 100%;
      border-spacing: 5px;

      .el-descriptions__cell {
        border: 1px solid #0f539f;
        padding: 5px;
        color: var(--my-text-color);
      }
    }

    .is-bordered-label {
      background-color: #0e4885;
      border-radius: 4px;
    }

    .el-descriptions__content {
      background-color: #042958;
    }
    .el-dropdown-link {
      color: #fff;
    }
    // .el-descriptions__table.is-bordered .el-descriptions__cell {
    //   border: 1px solid red;
    // }
  }

  .screen_content {
    background: #062854;
    color: #e1efff;

    .left {
      background: #0a3c75;
      border-radius: 5px;
      color: #e1efff;
    }

    .main {
      background: #062854;
      color: #e1efff;
    }

    .resource-pane {
      background: #0a3c75;
      box-shadow: 0 2px 12px rgba(24, 144, 255, 0.04);
    }

    .group-bar {
      .group-btn {
        background: #0a3c75;
        color: #e1efff;
        border: 1.5px solid #1158a8;
        &:hover,
        &.active {
          background: #0073f3;
          color: #fff;
          border-color: #0073f3;
        }
      }
    }

    .search-card {
      background: #0a3c75;
      .compact-search-input {
        .el-input__wrapper {
          border: 2px solid #1158a8;
          background: #0a3c75;
        }
        input {
          color: #e1efff;
          &::placeholder {
            color: #4a7dbd;
          }
        }
        &.is-focus .el-input__wrapper {
          border-color: #0073f3;
          background: #0a3c75;
        }
      }
    }

    .resource-collapse {
      background: transparent;
      .custom-collapse-item {
        background: #0a3c75;
        border: 1.5px solid #1158a8;
        .el-collapse-item__header {
          color: #e1efff;
          background: #0a3c75;
          border-left: 3px solid #0073f3;
        }
        .el-collapse-item__wrap {
          background: #062854;
        }
      }
    }

    .resource-list {
      background: transparent;
    }

    .resource-card {
      background: #062854;
      border: 1.5px solid #1158a8;
      color: #e1efff;
      &:hover {
        background: #0a3c75;
        border-color: #0073f3;
      }
      .icon-bg {
        background: transparent;
        //border: 1.5px solid #1158a8;
      }
      .resource-name {
        color: #e1efff;
      }
    }

    .leftIcon {
      .lefticonimg {
        background-image: url('@/assets/topo/right.png');
      }
      .righticonimg {
        background-image: url('@/assets/topo/left.png');
      }
    }

    .nodeMenu {
      background: #094585;
      color: #e1efff;
      border: 1px solid #1158a8;
      li:hover {
        background-color: #0073f3;
        color: #fff;
      }
    }
  }

  // 硬件
  .add-hardware-dialog .el-dialog__body {
    background-color: transparent;

    .add-hardware-content {
      background-color: #0A3C75;

      .el-tabs__item.is-active {
        background-color: #0b3367;
      }

      .el-tabs .el-tabs__item {
        color: #fff;
      }
    }
  }
}

.el-drawer__close-btn {
  color: #fff;
}

.aside {
  svg {
    color: #fff;
    fill: currentColor;
  }
}

.el-menu-item.is-active .basic-menu-item:hover {
  background-color: transparent;
}

.el-tabs__nav-prev,
.el-tabs__nav-next {
  line-height: 34px;
}

.drag-progress-box {
  background-color: rgba(255, 255, 255, 0.2);
}

// ::-webkit-scrollbar-track-piece {
//   background-color: #f8f8f8;
// }

// ::-webkit-scrollbar {
//   width: 9px;
//   height: 9px;
// }

// ::-webkit-scrollbar-thumb {
//   background-color: #dddddd;
//   background-clip: padding-box;
//   min-height: 28px;
//   border-radius: 4px;
// }

// ::-webkit-scrollbar-thumb:hover {
//   background-color: #bbb;
// }
